@charset "utf-8";
/* CSS Document */

/*CSS reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textatea, p, blockquote, th, td, input { margin: 0; padding: 0; }
body { font-size: 12px; font-family: "微软雅黑", "Microsoft YaHei"; width: 100%; }
html, body { min-width: 1200px }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul, li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
addr, acronym { border: 0; }
a { color: #333; text-decoration: none }
a:hover { text-decoration: none; color: #d22b0e }
.fl { float: left; }
.fr { float: right; }
.hui_9 { color: #999; }
.hui_6 { color: #666 }
.red { color: #da251c; }
.yellow { color: #f5d900 }
.text_decnone { text-decoration: underline }
.eng { font-size: 11px; color: #bababa; text-transform: uppercase; font-weight: normal; }
.w1200 { width: 1200px; margin: 0px auto }
.posre { position: relative }
.text-ac { text-align: center }
.text-al { text-align: left }
/*清除浮动*/
.clear { *zoom: 1;
}
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.ft11 { font-size: 11px }
.ft12 { font-size: 12px }
.ft14 { font-size: 14px }
.ft16 { font-size: 16px }
.ft18 { font-size: 18px }
.ft20 { font-size: 20px; }
.ft24 { font-size: 24px; }
.ft26 { font-size: 26px; }
.ft30 { font-size: 30px; }
.ft40 { font-size:40px; }

.bg { background: #f0f0f0; }
.bg2 { background: url(../images/index_about_bg.jpg) no-repeat center bottom; }
 @-webkit-keyframes gupIn {  from {
opacity:0;
-webkit-transform:translate3d(0, -30px, 0);
}
}
@-moz-keyframes gupIn {  from {
opacity:0;
-moz-transform:translate3d(0, -30px, 0);
}
}
@keyframes gupIn {  from {
opacity:0;
transform:translate3d(0, -30px, 0);
}
}
 @-webkit-keyframes gdownIn {  from {
opacity:0;
-webkit-transform:translate3d(0, 100px, 0);
}
}
@-moz-keyframes gdownIn {  from {
opacity:0;
-moz-transform:translate3d(0, 100px, 0);
}
}
@keyframes gdownIn {  from {
opacity:0;
transform:translate3d(0, 100px, 0);
}
}
 @-webkit-keyframes gleftIn {  0% {
opacity:0;
-webkit-transform:translate3d(-100px, 0, 0);
}
 100% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
}
}
@-moz-keyframes gleftIn {  0% {
opacity:0;
-moz-transform:translate3d(-100px, 0, 0);
}
 100% {
opacity:1;
-moz-transform:translate3d(0, 0, 0);
}
}
@keyframes gleftIn {  0% {
opacity:0;
transform:translate3d(-100px, 0, 0);
}
 100% {
opacity:1;
transform:translate3d(0, 0, 0);
}
}
 @-webkit-keyframes grightIn {  0% {
opacity:0;
-webkit-transform:translate3d(100px, 0, 0);
}
 100% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
}
}
@-moz-keyframes grightIn {  0% {
opacity:0;
-moz-transform:translate3d(100px, 0, 0);
}
 100% {
opacity:1;
-moz-transform:translate3d(0, 0, 0);
}
}
@keyframes grightIn {  0% {
opacity:0;
transform:translate3d(100px, 0, 0);
}
 100% {
opacity:1;
transform:translate3d(0, 0, 0);
}
}
 @-webkit-keyframes gfadeIn {  0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-moz-keyframes gfadeIn {  0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@keyframes gfadeIn {  0% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-webkit-keyframes gfadeOut {  0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-moz-keyframes gfadeOut {  0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@keyframes gfadeOut {  0% {
opacity:1;
}
 100% {
opacity:0;
}
}
}
@-webkit-keyframes bounceIn {  0% {
 opacity:0;
 -webkit-transform:scale(.5);
 transform:scale(.5)
}
 100% {
 opacity:1;
 -webkit-transform:scale(1);
 transform:scale(1)
}
}
@keyframes bounceIn {  0% {
 opacity:0;
 -webkit-transform:scale(.5);
 -ms-transform:scale(.5);
 transform:scale(.5)
}
 100% {
 opacity:1;
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1)
}
}
@-webkit-keyframes bounceOut {  100% {
 opacity:0;
 -webkit-transform:scale(.7);
 transform:scale(.7)
}
 30% {
 -webkit-transform:scale(1.03);
 transform:scale(1.03)
}
 0% {
 -webkit-transform:scale(1);
 transform:scale(1)
}
}
@keyframes bounceOut {  100% {
 opacity:0;
 -webkit-transform:scale(.7);
 -ms-transform:scale(.7);
 transform:scale(.7)
}
 30% {
 -webkit-transform:scale(1.03);
 -ms-transform:scale(1.03);
 transform:scale(1.03)
}
 0% {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1)
}
}
@-webkit-keyframes zoomInDown {  0% {
 opacity:0;
 -webkit-transform:scale(.1) translateY(-2000px);
 transform:scale(.1) translateY(-2000px);
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out
}
 60% {
 opacity:1;
 -webkit-transform:scale(.475) translateY(60px);
 transform:scale(.475) translateY(60px);
 -webkit-animation-timing-function:ease-out;
 animation-timing-function:ease-out
}
}
@keyframes zoomInDown {  0% {
 opacity:0;
 -webkit-transform:scale(.1) translateY(-2000px);
 -ms-transform:scale(.1) translateY(-2000px);
 transform:scale(.1) translateY(-2000px);
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out
}
 60% {
 opacity:1;
 -webkit-transform:scale(.475) translateY(60px);
 -ms-transform:scale(.475) translateY(60px);
 transform:scale(.475) translateY(60px);
 -webkit-animation-timing-function:ease-out;
 animation-timing-function:ease-out
}
}
@-webkit-keyframes fadeInUpBig {  0% {
 opacity:0;
 -webkit-transform:translateY(2000px);
 transform:translateY(2000px)
}
 100% {
 opacity:1;
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
}
@keyframes fadeInUpBig {  0% {
 opacity:0;
 -webkit-transform:translateY(2000px);
 -ms-transform:translateY(2000px);
 transform:translateY(2000px)
}
 100% {
 opacity:1;
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 transform:translateY(0)
}
}
@-webkit-keyframes zoomInLeft {  0% {
 opacity:0;
 -webkit-transform:scale(.1) translateX(-2000px);
 transform:scale(.1) translateX(-2000px);
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out
}
 60% {
 opacity:1;
 -webkit-transform:scale(.475) translateX(48px);
 transform:scale(.475) translateX(48px);
 -webkit-animation-timing-function:ease-out;
 animation-timing-function:ease-out
}
}
@keyframes zoomInLeft {  0% {
 opacity:0;
 -webkit-transform:scale(.1) translateX(-2000px);
 -ms-transform:scale(.1) translateX(-2000px);
 transform:scale(.1) translateX(-2000px);
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out
}
 60% {
 opacity:1;
 -webkit-transform:scale(.475) translateX(48px);
 -ms-transform:scale(.475) translateX(48px);
 transform:scale(.475) translateX(48px);
 -webkit-animation-timing-function:ease-out;
 animation-timing-function:ease-out
}
}
@-webkit-keyframes rollIn {  0% {
 opacity:0;
 -webkit-transform:translateX(-100%) rotate(-120deg);
 transform:translateX(-100%) rotate(-120deg)
}
 100% {
 opacity:1;
 -webkit-transform:translateX(0) rotate(0);
 transform:translateX(0) rotate(0)
}
}
@keyframes rollIn {  0% {
 opacity:0;
 -webkit-transform:translateX(-100%) rotate(-120deg);
 -ms-transform:translateX(-100%) rotate(-120deg);
 transform:translateX(-100%) rotate(-120deg)
}
 100% {
 opacity:1;
 -webkit-transform:translateX(0) rotate(0);
 -ms-transform:translateX(0) rotate(0);
 transform:translateX(0) rotate(0)
}
}
@-webkit-keyframes shake {  0%, 100% {
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform:translateX(-10px);
 transform:translateX(-10px)
}
 20%, 40%, 60%, 80% {
 -webkit-transform:translateX(10px);
 transform:translateX(10px)
}
}
@keyframes shake {  0%, 100% {
 -webkit-transform:translateX(0);
 -ms-transform:translateX(0);
 transform:translateX(0)
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform:translateX(-10px);
 -ms-transform:translateX(-10px);
 transform:translateX(-10px)
}
 20%, 40%, 60%, 80% {
 -webkit-transform:translateX(10px);
 -ms-transform:translateX(10px);
 transform:translateX(10px)
}
}
@-webkit-keyframes hvr-bob {  0% {
 transform: scale(1.1);
-webkit-transform: scale(1.1);
}
 100% {
 transform: scale(1);
-webkit-transform: scale(1);
}
}
 @keyframes hvr-bob {  0% {
 transform: scale(1.1);
-webkit-transform: scale(1.1);
}
 100% {
 transform: scale(1);
-webkit-transform: scale(1);
}
}
.head { width: 100%; margin: 0px; padding: 0px; }
.head_menu { width: 1200px; height: 90px; margin: 0px auto }
.head_menu .logo { width: 394px; float: left; margin-top: 25px; display: block; }
.nav { width: 100%; margin: 0px; padding: 0px; height: 60px; border-top: #dadada 1px solid; }
.navlist { width: 720px; height: 48px; padding-top: 35px; }
.navlist ul.nav_list { width: 665px; padding-top: 7px; }
.navlist li { padding: 0px0; float: left; position: relative; }
.navlist li.last { background: none; }
.navlist li a { float: left; display: block; width: 95px; height: 48px; text-align: center; line-height: 22px; color: #333; font-size: 16px; }
.navlist li a:hover { text-decoration: none; color: #d22b0e; background: url(../images/nav_hover.png) no-repeat center bottom; }
.navlist li a.on { background: url(../images/nav_hover.png) no-repeat center bottom; color: #d22b0e; line-height: 22px; height: 48px }
.navlist li a span { float: left; display: block; width: 95px; height: 48px; line-height: 22px; cursor: pointer; font-family: "Microsoft YaHei"; text-align: center; }
.navlist li a.selected { color: #d22b0e; background: url(../images/nav_hover.png) no-repeat center bottom; height: 48px; line-height: 22px; }
.navlist li.selected .submenu { display: block; }
.navlist li .submenu { display: none; position: absolute; top: 48px; left: 0px; background: url(../images/nav_bg.png) repeat; width: 95px; z-index: 9999; }
.navlist li .submenu li { float: left; padding: 0; background: none; height: 37px; }
.navlist li .submenu li a { float: none; padding: 0; text-align: left; font-family: "Microsoft YaHei"; height: 36px; line-height: 36px; color: #333; width: 98px; text-align: center; border-bottom: #6d7c80 1px solid; background: none; font-weight: normal; font-size: 14px; }
.navlist li .submenu li a:hover { background: #d22b0e; font-weight: normal; color: #fff; text-decoration: none; }
.search { position: relative; width: 45px; height: 32px; float: right; overflow: hidden; }
.search:hover { overflow: visible }
.search .main { position: absolute; margin: auto; top: 0px; right: 0; left: 0; width: 45px; height: 32px; transition: all 1s; }
.search:hover .main { cursor: pointer; background: #d22b0e; }
.search .main::before { content: ""; position: absolute; margin: auto; top: 14px; right: 0; bottom: 0; left: 10px; width: 10px; height: 2px; background: #333; transform: rotate(45deg); transition: all .5s; }
.search .main::after { content: ""; position: absolute; margin: auto; top: -5px; right: 0; bottom: 0; left: -5px; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #333; transition: all .5s; }
.search:hover .main::before { background: #fff }
.search:hover .main::after { border: 2px solid #fff }
.search input { font-family: "微软雅黑"; font-size: 12px; position: absolute; right: 0; top: 0px; width: 240px; height: 32px; outline: none; border: none; background: #c3c3c3; color: #fff; padding: 0 20px 0 20px; border-radius: 30px; transition: all 1s; opacity: 0; z-index: 2; font-weight: bolder; }
.search input:hover { cursor: pointer; }
.search input:focus { width: 240px; opacity: 1; cursor: text; }
.search input:focus ~ .main { right: 0px; background: #d22b0e; z-index: 3; }
.search input:focus ~ .main::before { top: 0; left: 0; width: 25px; }
.search input:focus ~ .main::after { top: 0; left: 0; width: 25px; height: 2px; border: none; background: white; border-radius: 0%; transform: rotate(-45deg); }
.search input::placeholder {color:#fff;opacity: 0.5;}


.foot { background: url(../images/foot_bg.jpg) repeat-x center top; width: 100%; height: 305px; border-top: #ddd 1px solid; box-shadow: 0px 5px #ccc; font-size: 14px; color: #fff; text-transform:uppercase }
.ft_menu { width: 880px; }
.ft_menu a { color: #ccc }
.ft_menu a:hover { color: #fff; border-bottom: #fff 1px dashed }
.menu_list { height: 265px }
.menu_list li { width: 95px; float: left; margin-right: 40px; background: url(../images/index_x.jpg) no-repeat right 25px; line-height: 28px; }
.menu_list li span { height: 63px; line-height: 63px; color: #666; font-weight: bold; display: block; padding-bottom: 20px; font-size: 14px }
.menu_list li span a { color:#666;}
.menu_list li span a:hover { color:#d22b0e}
.menu_list li a { color: #ccc; display: block; }
.menu_list li a:hover { color: #fff; border-bottom: 0 }
.menu_list li.last { background: none }
.ft_icon { padding-top: 18px; display: block; height: 45px; }
.ft_icon li { padding: 0px 20px; background: url(../images/index_x.jpg) no-repeat right center; }
.ft_icon li.last { padding: 0px 0px 0px 20px; background: none }
.ft_icon li a.sina { width: 30px; height: 24px; display: block; text-indent: -9999px; background: url(../images/sina.png) no-repeat; float: left; }
.ft_icon li a.sina:hover { background-position: -30px 0px }
.ft_icon li .weixin { width: 30px; position: relative; float: left; height: 24px; }
.ft_icon li .weixin a { width: 30px; height: 24px; display: block; background: url(../images/weixin.png) no-repeat; text-indent: -9999px; }
.ft_icon li .weixin a:hover { background-position: -30px 0px }
.ft_icon li .wx_zicaidan { right: 40px; top: -19px; padding: 10px; background: #fff; position: absolute; display: none; z-index: 1100; border: #ccc 1px solid; box-shadow: #666 1px 3px 3px }
.ft_select { display: inline-block; width: 300px; position: relative; vertical-align: middle; padding: 0; overflow: hidden; background-color: #fff; color: #555; text-shadow: none; border-radius: 4px; transition: box-shadow 0.25s ease; z-index: 2; margin-top:30px; }
.ft_select:hover { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); }
.ft_select:before { content: ""; position: absolute; width: 0; height: 0; border:1px solid transparent; border-top-color: #ccc; top: 14px; right: 10px; cursor: pointer; z-index: -2; }
.ft_select select { cursor: pointer; padding: 10px; width: 100%; border:#a7a7a7 1px solid; background:#404040; color:#ccc; background-image: none; -webkit-appearance: none; -moz-appearance: none; }
.ft_select select:focus { outline: none; }


#goTopBtn { POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 50px; WIDTH: 50px; BOTTOM: 50px; HEIGHT: 50px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 80px; _position: absolute; _right: auto }
#goTopBtn a { width: 50px; height: 50px; display: block; text-indent: -9999px; background: url(../images/Go_top.png) no-repeat }
#goTopBtn a:hover { background-position: -50px 0px; }
/* 等比填充 */
*[class*="rect-"] { position: relative; display: block; width: 100%; overflow: hidden; }
*[class*="rect-"] ._full { position: absolute; left: 0; top: 0; width: 100%; height: 100%; *height: auto;
}
.rect-5625 { padding-bottom: 70%; }
.linktel32:hover{ background:url(/Template/html/Template068/images/telred32.png?p=342) !important;}